<!-- 提示 -->
<template>
    <div class="container-alter">
        <el-card>
            <h2>
                基础用法
            </h2>
            <p>Alert 组件不属于浮层元素，不会自动消失或关闭。</p>
            <el-alert title="success alert" type="success" show-icon />
            <el-alert title="info alert" type="info" description="This is a description." />
            <el-alert title="warning alert" type="warning" close-text="Gotcha" />
            <el-alert title="error alert" type="error" effect="dark" />
        </el-card>
    </div>
</template>

<style scoped>
.container-alter {
    padding: 20px;
}

.el-alert {
    margin: 20px 0 0;
}

.el-alert:first-child {
    margin: 0;
}
</style>
